<template>
  <!-- 监管执法页 -->
  <view class="conter">
    <cc-heard title='监管执法' color="#fff" ></cc-heard>
     <view class="navigation_head"></view>
    <!-- 一 -->
    <uni-card >
      <view class="working_condition">
        <image src="../../static/supervise/gkfx.png" mode=""></image>
        工况分析
      </view>
      <view class="working_conter">
        <navigator class="working_conter1" url="../working_condition/working_condition">
          <view class="working_conter12">
            <image src="../../static/supervise/ssgk.png" mode=""></image>
          </view>
          <view class="working_conter11">
            实时工况
          </view>
        </navigator>
        <navigator class="working_conter1" url="../operation_analysis/operation_analysis">
          <view class="working_conter12">
            <image src="../../static/supervise/yxfx.png" mode=""></image>
          </view>
          <view class="working_conter11">
            运行分析
          </view>
        </navigator>
      </view>
    </uni-card>
    
    <!-- 二 -->
    <uni-card >
      <view class="working_condition">
         <image src="../../static/supervise/jgrw.png" mode=""></image>
        监管任务
      </view>
      <view class="working_conter">
        <navigator class="working_conter1" url="../My_mission/My_mission">
          <view class="working_conter12">
            <image src="../../static/supervise/rwwd.png" mode=""></image>
          </view>
          <view class="working_conter11">
            我的任务
          </view>
        </navigator>
        <navigator class="working_conter1" url="../Task_distribution/Task_distribution">
          <view class="working_conter12">
            <image src="../../static/supervise/rwpf.png" mode=""></image>
          </view>
          <view class="working_conter11">
            任务派发
          </view>
        </navigator>
      </view>
    </uni-card>

    <!-- 三 -->
    <uni-card >
      <view class="working_condition">
        <image src="../../static/supervise/yjbj(1).png" mode=""></image>
        预警报警
      </view>
      <view class="working_conter_last">
        <navigator class="working_conter1" url="../Early_warning/Early_warning">
          <view class="working_conter12">
            <image src="../../static/supervise/yjbj.png" mode=""></image>
          </view>
          <view class="working_conter11">
            预警报警信息
          </view>
        </navigator>
      </view>
    </uni-card>
   
  </view>
</template>

<script>
  export default {
    data() {
      return {

      };
    }
  }
</script>

<style lang="scss">
  .conter{
    height: 100vh;
    background-color: #F7F7F7;
    overflow: hidden;
  }
  .navigation_head{
    height: calc(88rpx + var(--status-bar-height));
  } 
  .working_condition {
    display: flex;
    align-items: center;
   font-size: 30rpx;
   font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
   color: #7A8AAA;
   height: 72rpx;
   border-bottom: 1rpx solid #EBEEF4;
   image{
     margin-right: 10rpx;
     width: 30rpx;
     height: 30rpx;
   }
  }

  .working_conter {
    display: flex;
    justify-content: space-between;
  }
  .working_conter_last {
    display: flex;
  }

  .working_conter1 {
    width: 250rpx;
    height: 250rpx;

  }

  .working_conter12 {
    margin: 45rpx auto 16rpx;
    width: 104rpx;
    height: 104rpx;

    image {
      width: 104rpx;
      height: 104rpx;
    }
  }

  .working_conter11 {
    font-size: 28rpx;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #333333;
    text-align: center;
  }
</style>
